<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	@import url("static/css/iconfont.css");
	@import url("static/css/animate.css");
	@import "uview-ui/index.scss";

	button::after {
		border: none;
	}

	button {
		background: none;
		margin: 0;
	}

	/*每个页面公共css */
	page,
	view,
	text,
	image,
	swiper,
	swiper-item,
	navigator,
	video {
		box-sizing: border-box;
	}

	.main {
		max-width: 750rpx;
		color: #333
	}

	.division {
		width: 100%;
		height: 15rpx;
		background-color: #F7F7F7;
		clear: both;
	}

	/* .article .text{
	  display: -webkit-box;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  word-wrap: break-word;
	  white-space: normal !important;
	  -webkit-line-clamp: 3;
	  -webkit-box-orient: vertical;
	  padding: 0 !important;
	  margin: 10rpx 0 !important;
	} */
	.ellipsis {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.button-hover {
		background-color: rgba(255, 255, 255, 1);
		opacity: .6;
	}

	/* .button-hover {
		background: rgba(255, 255, 255, 1);
		position: relative;
		//隐藏溢出的径向渐变背景
		overflow: hidden;
		width: 100%;
		height: 100%;
	}

	.button-hover:after {
		border-radius: 100%;
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		pointer-events: none;
		//设置径向渐变
		background-image: radial-gradient(circle, #666 10%, transparent 10.01%);
		background-repeat: no-repeat;
		background-position: 50%;
		transform: scale(10, 10);
		opacity: 0;
		transition: transform .3s, opacity .5s;
	}

	.button-hover:active:after {
		transform: scale(0, 0);
		opacity: .3;
		//设置初始状态
		transition: 0s;
	}
 */
	.hide {
		display: none;
	}

	.show {
		display: block;
	}

	.isOver {
		width: 100%;
		text-align: center;
		font-size: 28rpx;
		color: rgba(0, 0, 0, .4);
		padding: 40rpx;
	}

	.zwsj {
		width: 100%;
		text-align: center;
		padding: 50rpx 0;
		font-size: 26rpx;
		color: #666;
	}

	.animated {
		-webkit-animation-duration: .3s;
		animation-duration: .3s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;

	}
</style>
